/* Builder styling */

h3 {
	padding: 5px;
	border-radius: 5px;
	background-color: transparent;
	
	transition: background-color 600ms;
}

h3:hover {
	background-color: rgb(110, 110, 110);
	cursor: pointer;
}

.triggerLabel:before {
	content: " ";
	color: rgb(126, 126, 126);
}
.triggerLabel {
	color: rgb(211, 62, 62);
}

.conditionLabel:before {
	
	content: " ";
	color: rgb(116, 116, 116);
}
.conditionLabel {

	color: rgb(128, 185, 240);
}
.targetLabel {	
	color: rgb(68, 190, 68);
}
.targetLabel:before {	
	content: " ";
	color: rgb(139, 137, 137);
}

.mechanicLabel:before {
	content: " ";
	color: rgb(163, 145, 128);
}
.mechanicLabel {
	content: " ";
	color: rgb(199, 197, 196);
}
.componentWrapper {
    float: left;
	color: rgb(139, 137, 137);
}

/* .component {
	padding: 5px;
	margin: 5px;
	border: 2px solid #333;
	border-radius: 10px;
	font: 18px Sertig-Web;
	background-color: #181818;
    width: 260px;
    height: 90px;
} */
.condition{
	margin: 1px;
	border: 2px rgb(0, 19, 83);
	border-style:solid;
	border-radius: 10px;
	font: 85% Sertig-Web;
	background-color: rgba(0, 0, 0, 0.7);
    width: 480px;

    height: 50px;

}
.target{
	margin: 1px;
	border: 2px rgba(6, 75, 0, 0.9);

	border-style:solid;
	border-radius: 10px;
	font: 85% Sertig-Web;
	background-color: rgba(0, 0, 0, 0.7);
    width: 480px;

    height: 50px;

}
.trigger {
	margin: 1px;
	border: 2px rgba(85, 13, 13, 0.9);
	/* border-style: outset; */
	border-style:solid;
	border-radius: 10px;
	font: 85% Sertig-Web;
	background-color: rgb(0, 0, 0);
    width: 580px;

    height: 50px;
}
[title="Edit Jun_MythicSkill options"]
{

    color: rgb(255, 251, 0);
	animation-name: t2;
	animation-duration: 8s;
	animation-delay: 0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;

}
[title="Edit Particle Projectile options"]
{

    color: rgb(255, 251, 0);
	animation-name: t1;
	animation-duration: 8s;
	animation-delay: 0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;

}

[title="Edit Particle Animation options"]
{

    color: rgb(77, 76, 76);


}
[title="Edit Jun_ParticleAnimation options"]
{

    color: rgb(255, 251, 0);



	animation-name: OTFEFFECT6;
	animation-duration: 8s;
	animation-delay: 0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	animation-direction: alternate;

}


.mechanic{


	margin: 1px;
	border: 2px rgba(37, 37, 37, 0.9);
	border-style:solid;
	border-radius: 10px;
	font: 85% Sertig-Web;
	background-color: rgba(0, 0, 0, 0.7);
    width: 550px;

    height: 50px;

}
.componentChildren {
    margin-left: 20px;
}

.builderButton {
	float: right;
	background-color: rgb(0, 58, 5);
	width: 90px;
    height: 32px;
	font: 100% Sertig-Web;
	border-radius: 5px;
	padding: 5px;
	padding-left: 10px;
	color: white;
	cursor: pointer;
	margin: 5px;
	
	transition: background-color 600ms;
}

.smallButton {
    width: 32px;
}

.builderButton:hover {
	background-color: rgb(88, 88, 88);
}

/* Form styling */
